<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			table {
				border-collapse: collapse;
				margin-top: 10px;
				width: 100mm;
				/* height: 100mm; */
				page-break-after: always;
				page-break-inside: avoid;
			}

			td,
			th {
				border: solid 1px black;
				margin: 0px;
				border-width: 2px;
				padding: 10px;
			}

			.t {
				font-weight: bold;
				/* color: red; */
				text-align: center;
				font-size: 17px;
			}

			h1 {
				font-size: 20px;
				text-align: center;
				padding: 0px;
				margin: 0px;
				line-height: 20px;
			}

			button{
				border: solid 1px gray; 
				border-radius: 10px;
				position: absolute; 
				right: 10%;
				top:10%;
				width: 80px;
				font-size: 20px;
				}
			button:hover{
				 cursor:pointer;
				 color: crimson;
				 border-color: #DC143C;
			}
			#barcode {
				width: 60mm;
				float: right;
				margin: 0px;
				padding: 0px;
				
			}

			#maindiv {
				left: 40%;
				position: absolute;
				background-color: white;
				/* padding: 10px; */
			}

			@page {
				size: A5 landscape;

				/*A4 portrait纵向，landscape 横向*/
				@top-left {
					display: none;
				}

				@bottom-center {
					display: none;
				}
			}

			@media print {
				button {
					display: none;
				}

				#maindiv {
					margin: 10px;
					position: static;
					left: 0;
				}
			}
		</style>
	</head>
	<body style="background-color: azure;padding: 0px;margin: 0px;">
		<button onclick="window.print()">打印</button>
		<div id="maindiv">
			<table>
				<tr>
					<td colspan="2" rowspan="2"></td>
					<td colspan="4">
						<h1>信达珺悦蓝庭花苑1#</h1>
						<span style="float: right;font-size: 12px;color: red;font-weight: bold;">1200600039229</span>
					</td>

				</tr>
				<tr>
					<td class="t">颜色</td>
					<td></td>
					<td class="t">厚度</td>
					<td>mm</td>
				</tr>
				<tr>
					<td class="t">批次</td>
					<td>梁板</td>
					<td class="t">序号</td>
					<td>308</td>
					<td class="t">图号</td>
					<td>DP01</td>
				</tr>
				<tr>
					<td colspan="2" class="t">编号</td>
					<td colspan="4">
						<span style="font-size: 20px;font-weight: bold;">100 DP 600</span>
						<span style="font-size: 20px;font-weight: bold;float: right;">6/6</span>
					</td>
				</tr>
				<tr>
					<td colspan="6" style="padding: 0px;">
						<div style="display: flex;">		
							<div style="width: 30mm;text-align: center;padding-top: 6mm;"><font style="font-size: 30px;font-weight: bold;">308</font></div>
							<div style="width: 65mm;float: right;"><img id="barcode" src=""></div>
						</div>
					</td>
				</tr>
			</table>



<table>
				<tr>
					<td colspan="2" rowspan="2"></td>
					<td colspan="4">
						<h1>信达珺悦蓝庭花苑2#</h1>
						<span style="float: right;font-size: 12px;color: red;font-weight: bold;">1200600039229</span>
					</td>

				</tr>
				<tr>
					<td class="t">颜色</td>
					<td></td>
					<td class="t">厚度</td>
					<td>mm</td>
				</tr>
				<tr>
					<td class="t">批次</td>
					<td>梁板</td>
					<td class="t">序号</td>
					<td>308</td>
					<td class="t">图号</td>
					<td>DP01</td>
				</tr>
				<tr>
					<td colspan="2" class="t">编号</td>
					<td colspan="4">
						<span style="font-size: 20px;font-weight: bold;">100 DP 600</span>
						<span style="font-size: 20px;font-weight: bold;float: right;">6/6</span>
					</td>
				</tr>
				<tr>
					<td colspan="6" style="padding: 0px;">
						<div style="display: flex;">		
							<div style="width: 30mm;text-align: center;padding-top: 6mm;"><font style="font-size: 30px;font-weight: bold;">309</font></div>
							<div style="width: 65mm;float: right;"><img id="barcode" src=""></div>
						</div>
					</td>
				</tr>
			</table>
			
			
			<table>
				<tr>
					<td colspan="2" rowspan="2"></td>
					<td colspan="4">
						<h1>信达珺悦蓝庭花苑3#</h1>
						<span style="float: right;font-size: 12px;color: red;font-weight: bold;">1200600039229</span>
					</td>
			
				</tr>
				<tr>
					<td class="t">颜色</td>
					<td></td>
					<td class="t">厚度</td>
					<td>mm</td>
				</tr>
				<tr>
					<td class="t">批次</td>
					<td>梁板</td>
					<td class="t">序号</td>
					<td>308</td>
					<td class="t">图号</td>
					<td>DP01</td>
				</tr>
				<tr>
					<td colspan="2" class="t">编号</td>
					<td colspan="4">
						<span style="font-size: 20px;font-weight: bold;">100 DP 600</span>
						<span style="font-size: 20px;font-weight: bold;float: right;">6/6</span>
					</td>
				</tr>
				<tr>
					<td colspan="6" style="padding: 0px;">
						<div style="display: flex;">		
							<div style="width: 30mm;text-align: center;padding-top: 6mm;"><font style="font-size: 30px;font-weight: bold;">310</font></div>
							<div style="width: 65mm;float: right;"><img id="barcode" src=""></div>
						</div>
					</td>
				</tr>
			</table>

		</div>


	</body>
</html>
